<template>
  <div class="content">

    <userhead></userhead>
<div class="head">
        <div class="left">
          <input v-model="keywords" @keyup.enter="search()" placeholder="请输入搜索内容..." type="text">
          <div class="sousuo" @click="search()">
            <img src="../assets/img/sou.png" alt="">
            搜索
          </div>
        </div>
      </div>

    <el-table
        :data="tableData"
        border
        stripe
        style="width: 100%;margin-top:20px;">

        <el-table-column
              type="selection"
              fixed
              width="55">
            </el-table-column>
          <el-table-column
                type="index"
                fixed
                width="50">
           </el-table-column>
        <el-table-column
          prop="real_name"
          label="姓名"
          width="180">
        </el-table-column>
        <el-table-column
          prop="wx_account"
          label="微信号"
          width="180">
        </el-table-column>
        <el-table-column
          prop="mobile"
          label="电话"
          width="180">
        </el-table-column>
        <el-table-column
          prop="company"
          label="所属单位"
          width="180">
        </el-table-column>
        <el-table-column
          prop="depar"
          label="所属部门"
          width="180">
        </el-table-column>
         <el-table-column
           prop="time_action"
           label="有权限的锁列表"
           width="180">
         </el-table-column>
         <el-table-column
           prop="pd_changes"
           label="权限有效期"
           width="180">
         </el-table-column>
         <el-table-column
           label="状态"
           width="180">
           <template slot-scope="scope">
             <p v-if="scope.row.status==1">通过</p>
              <p v-if="scope.row.status==2">拒绝</p>
           </template>
         </el-table-column>

        <el-table-column
        width="180"
        label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini" @click='refuse(scope.row)'>拒绝</el-button>
                <el-button
                  size="mini"
                  type="danger"  @click='agree(scope.row)'>同意</el-button>
              </template>
            </el-table-column>
      </el-table>

  <pagination :count='count'></pagination>






  </div>
</template>

<script>
  import userhead from '../components/userhead.vue'
  import {userapply_list,apply_status} from '../js/getApi.js'
  import pagination from '../components/pagination'
  export default{
    components:{
      userhead,
      pagination
    },
    data(){
      return{
        tableData:[],
        keywords:'',
        count:0
      }
    },
    methods:{
     async search(){
       const data=await   userapply_list(this.$store.state.token,this.keywords,1,8);
       this.tableData=data.list;
      },
     async getlist(page,size){
        const data=await   userapply_list(this.$store.state.token,'',page,size);
        this.tableData=data.list;
        this.count = data.count;
      },
     async refuse(row){
        const data=await  apply_status(this.$store.state.token,row.id,2,'没有理由');
         alert(data.msg)
        if(data.code==1){
          this.getlist(1,1000);
        }
      },
     async agree(row){
        const data=await  apply_status(this.$store.state.token,row.id,1,'没有理由');
         alert(data.msg)
        if(data.code==1){
          this.getlist(1,1000);
        }
      }
    },
    created() {
      this.getlist(1,8);
    }
  }
</script>

<style scoped>
 .head{
      margin-top:33px;
     display: flex;
    }
    .head div{
      display: inline-block;
    }

    .head input{
      width: 190px;
      height:30px;
      border-radius:10px 0 0 10px;
      padding-left:10px;
      border: 1px solid rgba(187, 187, 187, 100);
      float: left;
    }
    .sousuo{
      width: 88px;
      height:34px;
      line-height: 34px;
      background-color: rgba(26, 188, 156, 100);
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 100);
      float: left;
      margin-left: -1px;
      margin-top: -1px;
      color: #fff;
      cursor: pointer;
    }
    .sousuo img{
      width: 19px;
      height: 19px;
      vertical-align:middle;
    }


















</style>
